shlinkio / shlink-web-client

import React from 'react';

import Moment from 'react-moment';

import PropTypes from 'prop-types';

import { ExternalLink } from 'react-external-link';

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

import { faCopy as copyIcon } from '@fortawesome/free-regular-svg-icons';

import { CopyToClipboard } from 'react-copy-to-clipboard';

import { shortUrlsListParamsType } from '../reducers/shortUrlsListParams';

import { serverType } from '../../servers/prop-types';

import { shortUrlType } from '../reducers/shortUrlsList';

import Tag from '../../tags/helpers/Tag';

import ShortUrlVisitsCount from './ShortUrlVisitsCount';

import './ShortUrlsRow.scss';

const propTypes = {

  refreshList: PropTypes.func,

  shortUrlsListParams: shortUrlsListParamsType,

  selectedServer: serverType,

  shortUrl: shortUrlType,

};

const ShortUrlsRow = (

  ShortUrlsRowMenu,

  colorGenerator,

  useStateFlagTimeout

) => {

  const ShortUrlsRowComp = ({ shortUrl, selectedServer, refreshList, shortUrlsListParams }) => {

    const [ copiedToClipboard, setCopiedToClipboard ] = useStateFlagTimeout(false);

    const renderTags = (tags) => {

      if (isEmpty(tags)) {

        return <i className="indivisible"><small>No tags</small></i>;

      }

      const selectedTags = shortUrlsListParams.tags || [];

      return tags.map((tag) => (

        <Tag

          colorGenerator={colorGenerator}

          key={tag}

          text={tag}

          onClick={() => refreshList({ tags: [ ...selectedTags, tag ] })}

        />

  return ShortUrlsRowComp;

};

export default ShortUrlsRow;